<template>
  <div class="box">
    <div class="w1300 flex">
      <div class="search-wrap">
        <search></search>
      </div>
      <div class="content-wrap">
        <news v-for="item in 8" :key="item"></news>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import Search from '@/pages/topic/components/search.vue'
import News from '@/pages/topic/components/news.vue'
</script>

<style scoped lang="scss">
.box {
  background-color: #f8f8f8;
  padding-top: 55px;
}
.w1300 {
  .search-wrap {
    flex: 1;
    padding-right: 50px;
  }
  .content-wrap {
    flex: 3;
  }
}
</style>
